<template>
  <a-config-provider :locale="zhCN">
    <div>
      <!-- vue3.0配置 -->
      <router-view v-slot="{ Component }">
        <keep-alive>
          <component :is="Component" v-if="$route.meta.keepAlive" :key="$route.path" />
        </keep-alive>
        <component :is="Component" v-if="!$route.meta.keepAlive" />
      </router-view>
    </div>
  </a-config-provider>
</template>

<script lang="ts" setup>
import zhCN from "ant-design-vue/es/locale/zh_CN";



</script>

<style lang="scss">
@import url('./assets/iconfont/iconfont.css');


// ::-webkit-scrollbar {
//   width: 0.5rem;
//   background-color: #f5f5f5;
// }

// ::-webkit-scrollbar-track {
//   border-radius: 10px;
//   background-color: #f5f5f5;
// }

// ::-webkit-scrollbar-thumb {
//   border-radius: 10px;
//   background-color: #ccc;
// }

::-webkit-scrollbar {
    width: 3px;
    /* 垂直滚动条的宽度 */
    height: 7px;
    /* 水平滚动条的高度 */
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* 轨道背景色 */
    border-radius: 5px;
    /* 圆角 */
}

::-webkit-scrollbar-thumb {
    background-color: #8888;
    /* 滑块背景色 */
    border-radius: 5px;
    /* 圆角 */
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    /* 内阴影 */
}

::-webkit-scrollbar-thumb:hover {
    background-color: #5555;
    /* 悬停时的背景色 */
}

</style>
